<script setup>
import LevelMenu from '@/components/LevelMenu.vue'
const menuDataSource = [
    {
        tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp',
        tabName: '客户',
        children: [
            { tabName: '客户资料', isChose: true, path: '/index/customer/clientInfo' },
            { tabName: '工作交接', isChose: false, path: '/index/customer/allocation' },
            { tabName: '流失审核', isChose: false, path: '/index/customer/loss' },
        ]
    },
    {
        children: [
            { tabName: '物品交换', isChose: false, path: '/index/customer/itemHandover', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' },
        ]
    },
    {
        children: [
            { tabName: '回收站', isChose: false, path: '/index/customer/recycleBin', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' },
        ]
    },
    {
        children: [
            { tabName: '设置', isChose: false, path: '/index/customer/customerSetting', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' },
        ]
    }
]
</script>

<template>
    <div class="customer">
        <div class="left-tab">
            <LevelMenu :menuDataSource="menuDataSource" />
        </div>
        <div class="content">
            <RouterView></RouterView>
        </div>
    </div>
</template>

<style lang="less" scoped>
.customer {
    width: 100%;
    height: 100%;
    display: flex;
}
.left-tab {
    flex-shrink: 0;
    width: 200px;
    height: 100%;
    border-right: 1px solid #eee;
}
.content {
    flex: 1;
    height: 100%;
    overflow: auto;
}
</style>